
<template>
    <el-row>
        <el-button v-for="i in items" type="primary" plain @click="action(i.idx)">{{i.name}}</el-button>
    </el-row>
</template>




<script>
    export default {
        data() {
            return {
                items: [
                    {name:"沃玛",idx:2},
                    {name:"祖玛",idx:4},
                    {name:"猪7",idx:5},
                    {name:"尸王",idx:6},
                    {name:"牛魔",idx:8},
                    {name:"奴隶",idx:10},
                    {name:"蚂蚁",idx:11},
                    {name:"寂静",idx:12},
                    {name:"幽灵",idx:14},
                    {name:"屠魔",idx:18},
                    {name:"无间",idx:19},
                    {name:"妖魔",idx:20},
                    {name:"镇魔",idx:21},
                    {name:"真云",idx:22},
                    {name:"火龙",idx:23},
                    {name:"寒冰",idx:24},
                    {name:"狐狸",idx:25},
                    {name:"秦王",idx:26},
                    {name:"拉筋",idx:27},
                    {name:"沉沦",idx:28},
                    {name:"堕落",idx:29},
                    {name:"蛮族",idx:30},
                    {name:"叛乱",idx:31},
                    {name:"乱国",idx:32},
                    {name:"血池",idx:33},
                ],
            }
        },
        methods:{
          action:function (idx) {
              this.$http.get('api/legend/'+idx)
          }
        },
        mounted:function () {}
    }
</script>

<style scoped>
    ss {
        color: rgb(134,128,104);
    }

</style>